/* CSS Document */
html { font-size: 62.5%;}
@media only screen and (min-width: 320px){html {font-size: 62.5%!important;}}
@media only screen and (min-width: 360px){html {font-size: 72.5%!important;}}
@media only screen and (min-width: 400px){html {font-size: 82.5%!important;}}
@media only screen and (min-width: 480px){html {font-size: 94%!important;}}

body{ background:#fff;}
._container{ margin:0 auto;}

/* wrapper */
.wrapper{ left:0; right:0; top:0; bottom:0; position:absolute; overflow-y: scroll; -webkit-overflow-scrolling:touch;}
.main{ width:100%;  word-break:break-all; overflow:hidden; box-sizing:border-box; position:absolute;}
.wrapper::-webkit-scrollbar {width:0px; background:rgba(255,255,255,0);}

.download{ width:100%; padding:1.0rem 0; position:absolute; bottom:0; background:rgba(0,0,0,0.6);}
.download_wrap{ width:100%; padding:0 3.75%; display:-webkit-box;  display:-moz-box; -webkit-box-align:center; -moz-box-align:center; box-sizing:border-box;}
.download_wrap div:nth-of-type(1){ width:6rem;}
.download_wrap div:nth-of-type(1) img{ width:5rem; margin:0 auto;}
.download_wrap div:nth-of-type(2){ -webkit-box-flex:2; -moz-box-flex:2;}
.download_wrap div:nth-of-type(2) h5{ line-height:2.6rem; font-size:1.6rem; font-weight:normal; color:#fff;}
.download_wrap div:nth-of-type(2) p{ font-size:1.0rem; line-height:1.6rem; font-weight:normal; color:#fff;}
.download_wrap div:nth-of-type(3){ -webkit-box-flex:1; -moz-box-flex:1; text-align:right;}
.download_wrap div:nth-of-type(3) a{ width:9.2rem; height:5rem; display:block; background:url(../img/icon_download.png) no-repeat center center/9rem auto;}

